<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<head>
<link rel="stylesheet" type="text/css" href="/css/style_fx.css" />
    <title>发现-笔飞美术作品</title>
   <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
       <%@include file="../common/jspcommon.jsp"%>
       <%@include file="../common/css.jsp"%>
       <script type="text/javascript" src="/js/page/pager.js"></script>
</head>
<body>
<div id="box">
    <%@include file="../common/header.jsp" %>
    <div class="top_nav_list">
        <div class="top_nav_list_l">
            <span class="style4 fl">${artClass.name }</span>
        </div>
        <div class="top_nav_list_r">
	        <ul>
	        <c:forEach items="${childrenList}" var="children">
	            <li><a href="#" onclick="showPrints('${children.identifier}')">${children.name}</a></li>
	        </c:forEach>
	            <li><a href="#">more</a></li>
	        </ul>
        </div>
    </div>
    
    <div id="main_div">
        <div class="main_div_list4">
        <ul>
        <c:forEach items="${modelFindPic.list}" var="list" varStatus="vs">
        	<c:if test="${vs.count %6 ==1 ||  vs.count %6 ==4}">
		            <li class="item1 item2">
		            	 <div style="width: 460px;height: 354px;">
		                <a href="#"  onclick="fart('${list.identifier}')">
		               		 <img id="img_${vs.count}" src="${list.imagePath}"  alt=""  onload="loadImage(this,460,354);"/>
		                </a>
		                </div>
		                <div class="c_1">
		                    <p>${vs.count}${list.title }</p>
		                    <p class="line">${list.painter}</p>
		                    <p>${list.artClassName }</p>
		                </div>
		                <div class="c_2">
		                    <span class="icon_like">${list.loveAmount }</span>　<span class="icon_click">${list.viewAmount }</span>
		                </div>
		            </li>
            </c:if>
            <c:if test="${vs.count %6 ==2 || vs.count %6 ==3 || vs.count %6 ==5 ||  vs.count %6 ==0 }">
		            <li class="item1">
		             <div style="width: 214px;height: 186px;">
		               <a href="#"  onclick="fart('${list.identifier}')">
		               		<img id="img_${vs.count}" src="${list.imagePath}_300x200" alt=""  onload="loadImage(this,214,186);"/>
		               	</a>
		              </div>
		                <div class="c_1">
		                   <p>${vs.count}${list.title }</p>
		                    <p class="line">${list.painter}</p>
		                    <p>${list.artClassName }</p>
		                </div>
		                <div class="c_2">
		                    <span class="icon_like">${list.loveAmount }</span>　<span class="icon_click">${list.viewAmount }</span>
		                </div>
		            </li>
            </c:if>
          </c:forEach>
        </ul>
        </div>
        
       <script src="/js/jquery.masonry.min.js"></script>
        <script>
          $(function(){
            $('.main_div_list4').masonry({
              itemSelector: '.item1',
              columnWidth: function( containerWidth ) {
                return containerWidth / 4;
              }

            });
          });
        </script>
        <div class="page_div" style="width:960px;">
            	<div id="page" class="h_page"></div>
            </div>
        </div>
     	 <%@include file="../common/footer.jsp" %>	
</div>
 <script type="text/javascript">
 initProvince('province', '','');
 $(function(){
		$("#page").pager({
			pagenumber : "${modelFindPic.currentPage}",
			pagecount : "${modelFindPic.totalPage}",
			buttonClickCallback : function(page) {
				location.href = "/print.htm?page="+ page+"&hot=${printId}";
			}
		});
	});
 function showPrints(classId){
	 window.location.href="/prints.htm?hot="+classId;
 }
 
 function soClassPicUse(classId){
	 window.location.href="/print.htm?use="+classId+"&hot=${printId}";
 }
function soClassPicSize(classId){
	window.location.href="/print.htm?size="+classId+"&hot=${printId}";
 }
function soClassPicGround(classId){
	window.location.href="/print.htm?ground="+classId+"&hot=${printId}";
}
function soClassPicPrice(classId){
	window.location.href="/print.htm?price="+classId+"&hot=${printId}";
}
function selectArtist(){
	//alert(11);
	var provinceCode= $("#province").val();
	window.location.href="/fartist.htm?province="+provinceCode;
	
}
 </script>
</body>
</html>
